/*======================
	company:daoking.cn
	author:YaoRen
	e-mail:185653386@qq.com
	date:2015-06-18
======================*/


/*主框架*/
body{
	background: #fff;
}

.wrap{
	max-width: 640px;
	margin: 0 auto;
	position: relative;
	z-index: 10;
}
.wrap_bg{
	position: fixed;
	z-index: 2;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #f4f4f4;
	box-shadow: 0 0 5px #181e22;
	-webkit-box-shadow: 0 0 5px #181e22;
}


/*头部*/
.header{
	height: 3.125rem;
	line-height: 3.125rem;
	margin: 0 1rem;
	position: relative;
	z-index: 10;
}
.header .logo{
	position: absolute;
	top: 50%;
	left: 0;
	width: 7rem;
	height: 2rem;
	margin-top: -1rem;
}
.header .logo img{
	display: block;
	width: 100%;
}
.header .user_btn{
	position: absolute;
	top: 50%;
	right: 0;
	width: 2rem;
	height: 2rem;
	border-radius: 100%;
	overflow: hidden;
	margin-top: -1rem;
}
.header .user_btn img{
	display: block;
	width: 100%;
}
.header .btn_left{
	display: block;
	width: 2rem;
	height: 2rem;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -1rem;
	background: #010101;
	border-radius: 100%;
	border: 1px solid #686868;
}
.header .btn_right{
	display: block;
	width: 2rem;
	height: 2rem;
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -1rem;
	background: #010101;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	border: 1px solid #686868;
}
.header .btn_right span,.header .btn_left span{
	display: inline-block;
	width: 1.2rem;
	height: 1.2rem;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -.6rem 0 0 -.6rem;
}
.header .btn_right .tip,.header .btn_left .tip{
	display: inline-block;
	width: .5rem;
	height: .5rem;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	position: absolute;
	right: .25rem;
	top: .25rem;
	background: #f8525b;
}
.ico_back{
	background: url(../images/ico_back.png) no-repeat center;
	background-size: 100%;
}
.ico_message{
	background: url(../images/ico_message.png) no-repeat center;
	background-size: 100%;
}

/*内容*/
.main {
    padding-bottom: 3.125rem;
}

.main_sub {
	margin-top: -3.125rem;
	padding-bottom: 3.125rem;
}

/*导航*/
.nav_tab{
	border-bottom: 1px solid #e9e6e6;
	height: 2.5rem;
	line-height: 2.5rem;
	margin: 0 1rem;
}
.nav_tab a{
	position: relative;
	display: inline-block;
	height: 2.5rem;
	line-height: 2.5rem;
	font-size: .75rem;
	color: #aaa5a5;
	vertical-align: top;
	margin-right: 1rem;
}
.nav_tab a.on{
	color: #3c2a20;
	border-bottom: 1px solid #3c2a20;
}

/*菜品列表*/
.dishes_list{
	margin: 0 1rem;
}
.dishes_list li{
	padding: .875rem 0 .625rem 0;
	border-bottom: 1px solid #e9e6e6;
}
.dishes_list li a{
	display: block;
}
.dishes_list li .img{
}
.dishes_list li .img img{
	display: block;
	width: 100%;
}
.dishes_list li .txt_1{
	display: box;
	display: -webkit-box;
	margin-top: .625rem;
}
.dishes_list li .txt_1 .tit{
	box-flex: 1;
	-webkit-box-flex: 1;
	font-size: .875rem;
	color: #333333;
	line-height: 1.25rem;
	padding-right: .625rem;
}
.dishes_list li .txt_1 .ident{
	width: 2.5rem;
	height: 2.5rem;
}
.dishes_list li .txt_1 .ident img{
	display: block;
	width: 100%;
}
.dishes_list li .txt_2{
	display: box;
	display: -webkit-box;
	margin-top: .4rem;
}
.dishes_list li .txt_2 .price{
	box-flex: 1;
	-webkit-box-flex: 1;
}
.dishes_list li .txt_2 .price span{
	font-size: 1.45rem;
	color: #463436;
	/*font-weight: bold;*/
	margin-right: .25rem;
	vertical-align: top;
}
.dishes_list li .txt_2 .price em{
	font-size: .75rem;
	color: #463436;
	line-height: 1rem;
	vertical-align: top;
	position: relative;
	top: .5rem;
}
.dishes_list li .txt_2 .price i{
	color: #aaaaab;
	text-decoration: line-through;
	margin-left: .25rem;
	vertical-align: top;
}
.dishes_list li .txt_2 .num{
	box-flex: 1;
	-webkit-box-flex: 1;
	text-align: right;
	font-size: .75rem;
	color: #aaaaab;
	line-height: 2rem;
}


/*轮播图*/
.swiper {
	width: 100%;
	color: #fff;
	text-align: center;
	background: #fff;
}
.swiper .swiper-slide img{
	display: block;
	width: 100%;
}
.swiper-pagination {
	position: absolute;
	z-index: 20;
	width: 100%;
	text-align: center;
	left: 0;
	bottom: .5rem;
}
.swiper-pagination .swiper-pagination-bullet {
	display: inline-block;
	width: .5rem;
	height: .5rem;
	border-radius: 50%;
	background: #fff;
	margin: 0 .25rem;
	opacity: 0.5;
	cursor: pointer;
	transition:linear 0.1s;
	-webkit-transition:linear 0.1s;
}
.swiper-pagination .swiper-pagination-bullet-active {
  	background: #fff;
  	opacity: 1;
}
.swiper_next{
	background: url(../images/swiper_next.png) no-repeat center;
	background-size: 100%;
	width: 2rem;
	height: 2rem;
	position: absolute;
	top: 50%;
	margin-top: -1rem;
	right: 0;
  	left: auto;
}
.swiper_prev{
	background: url(../images/swiper_prev.png) no-repeat center;
	background-size: 100%;
	width: 2rem;
	height: 2rem;
	position: absolute;
	top: 50%;
	margin-top: -1rem;
	left: 0;
  	right: auto;
}

/*详情页*/
.box{
	padding: .75rem 1rem;
	background: #fff;
	border-top: 1px solid #ebeded;
	border-bottom: 1px solid #ebeded;
	margin-bottom: .625rem;
}
.box .title{
	width: 100%;
	margin: 2.5rem 0 1.5rem 0;
}
.box .title img{
	display: block;
	width: 100%;
}
.detail_txt .tit{
	font-size: .875rem;
	color: #333333;
	font-weight: bold;
	line-height: 1.25rem;
}
.detail_txt .cont{
	margin-top: .25rem;
	margin-bottom: .5rem;
	font-size: .75rem;
	color: #333333;
	line-height: 1.25rem;
}
.detail_txt .btn_more{
	margin: .625rem 0;
	display: block;
	width: 100%;
	height: 2.5rem;
	line-height: 2.5rem;
	text-align: center;
	font-size: .625rem;
	color: #333;
	border-top: 2px solid #e5e5e5;
	border-bottom: 2px solid #e5e5e5;
}
.detail_txt .share{
	font-size: .75rem;
	color: #c1c1c1;
	height: 1.25rem;
	line-height: 1.25rem;
}
.detail_txt .share i{
	display: inline-block;
	width: .875rem;
	height: .875rem;
	margin-right: .75rem;
	top: .1rem;
	position: relative;
}
.ico_share{
	background: url(../images/ico_share.png) no-repeat center;
	background-size: 100%;
}

.menu{
	border: 1px solid #b7b5b5;
	background: #f4f4f4;
}

.menu .photo{
	position: relative;
}
.menu .photo .num{
	position: absolute;
	left: .625rem;
	bottom: .625rem;
	background: url(../images/bg_w60.png);
	height: 1rem;
	line-height: 1rem;
	padding: .25rem;
}
.menu .photo .num i{
	display: inline-block;
	width: 1rem;
	height: 1rem;
	background: url(../images/ico_photo.png) no-repeat center;
	background-size: 100%;
	vertical-align: top;
}
.menu .photo .num span{
	display: inline-block;
	font-size: .875rem;
	line-height: 1rem;
	color: #fff;
	padding: 0 .25rem 0 .5rem;
	vertical-align: top;
}
.menu .photo .photo_list img{
	display: block;
	width: 100%;
}
.menu .photo .photo_list .photo_hide{
	display: none;
}
#lightGallery-close {
	width: 2rem;
	height: 2rem;
	right: .625rem;
	top: .625rem;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#lightGallery-close:after {
  right: .375rem;
  top: .375rem;
  font-size: 1.25rem;
}
#lightGallery-action a {
  margin: 0 3px 0 0 !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 1.25rem;
  width: 2rem;
  height: 2rem;
}
#lightGallery-action a.cLthumb:after {
  left: .375rem;
  bottom: .375rem;
  font-size: 1.25rem;
}
#lightGallery-action a#lightGallery-prev:before, #lightGallery-action a#lightGallery-next:after {
  left: .375rem;
  bottom: .375rem;
}
.menu .menu_txt{
	padding-bottom: 2rem;
    padding-top: 2rem;
}
.menu .menu_txt .tit{
	font-size: .625rem;
	color: #333333;
	text-align: center;
	line-height: 1.25rem;
	padding: 1rem 0;
}
.menu .menu_txt .cont{
	padding: 0 2rem;
    font-size: .75rem;
    color: #333;
    line-height: 1.25rem;
    text-align: center;
}
.menu .menu_txt .cont ul li{
	font-size: .75rem;
	color: #333;
	line-height: 1.25rem;
	text-align: center;
}
.menu .menu_txt .flower{
	width: 1.75rem;
	height: .625rem;
	margin: 2rem auto;
}
.menu .menu_txt .flower img{
	display: block;
	width: 100%;
}

.package{
	border: 1px solid #b7b5b5;
	background: #f4f4f4;
}

.package .photo{
	position: relative;
}
.package .photo .num{
	position: absolute;
	left: .625rem;
	bottom: .625rem;
	background: url(../images/bg_w60.png);
	height: 1rem;
	line-height: 1rem;
	padding: .25rem;
}
.package .photo .num i{
	display: inline-block;
	width: 1rem;
	height: 1rem;
	background: url(../images/ico_photo.png) no-repeat center;
	background-size: 100%;
	vertical-align: top;
}
.package .photo .num span{
	display: inline-block;
	font-size: .875rem;
	line-height: 1rem;
	color: #fff;
	padding: 0 .25rem 0 .5rem;
	vertical-align: top;
}
.package .photo .photo_list img{
	display: block;
	width: 100%;
}
.package .photo .photo_list .photo_hide{
	display: none;
}

.package .package_txt{
	padding: .625rem;
}
.package .package_txt .tit{
	font-size: .875rem;
	color: #333;
	line-height: 1.25rem;
}
.package .package_txt .info{
	display: box;
	display: -webkit-box;
	margin-top: .4rem;
}
.package .package_txt .info .price{
	box-flex: 1;
	-webkit-box-flex: 1;
}
.package .package_txt .info .price span{
	font-size: 1.45rem;
	color: #463436;
	margin-right: .25rem;
	vertical-align: top;
}
.package .package_txt .info .price em{
	font-size: .75rem;
	color: #42413e;
	line-height: 1rem;
	vertical-align: top;
	position: relative;
	top: .5rem;
}
.package .package_txt .info .num{
	box-flex: 1;
	-webkit-box-flex: 1;
	text-align: right;
	font-size: .75rem;
	color: #aaaaab;
	line-height: 2rem;
}

.chef .img{
	width: 5rem;
	height: 5rem;
	margin: 0 auto;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	position: relative;
	overflow: hidden;
}
.chef .img img{
	display: block;
	width: 100%;
}
.chef .name{
	font-size: .875rem;
	color: #333;
	text-align: center;
	font-weight: bold;
	line-height: 1.25rem;
	padding: .625rem 0;
}
.chef .info{
	font-size: .75rem;
	color: #333;
	text-align: center;
	line-height: 1.25rem;
}

.review{}
.review li{
	display: box;
	display: -webkit-box;
	border-bottom: 1px solid #e5e5e5;
	padding: 1rem 0;
}
.review li:last-child{
	border-bottom: none;
}
.review li .user_img{
	width: 2.75rem;
	height: 2.75rem;
	margin-right: .5rem;
}
.review li .user_img img{
	display: block;
	width: 100%;
	height: 100%;
}
.review li .cont{
	box-flex: 1;
	-webkit-box-flex: 1;
}
.review li .cont .user_name{
	font-size: .75rem;
	font-weight: bold;
	line-height: 1.25rem;
}
.review li .cont .user_name a{
	color: #333333;
}
.review li .cont .re_txt{
	margin-top: .25rem;
	font-size: .75rem;
	color: #333333;
	line-height: 1.25rem
}
.review li .cont .re_photo{
	padding-top: .625rem;
}
.review li .cont .re_photo a{
	float: left;
	display: inline-block;
	width: 4.125rem;
	height: 4.125rem;
	position: relative;
	overflow: hidden;
	margin: .25rem .5rem .25rem 0;
}
.review li .cont .re_photo a.big{
	width: 8.5rem;
	height: 8.5rem;
}
.review li .cont .re_photo a img{
	display: block;
	width: 100%;
}
.review .btn_more{
	display: block;
	width: 100%;
	height: 2.5rem;
	line-height: 2.5rem;
	text-align: center;
	font-size: .625rem;
	color: #333;
	border-top: 2px solid #e5e5e5;
	border-bottom: 2px solid #e5e5e5;
}


.notice .head{
	border-bottom: 1px solid #e5e5e5;
	display: box;
	display: -webkit-box;
	padding: .625rem 0;
}
.notice .head .img{
	width: 2.75rem;
	height: 2.75rem;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	position: relative;
	overflow: hidden;
	margin-right: .625rem;
}
.notice .head .img img{
	display: block;
	width: 100%;
	height: 100%;
}
.notice .head .txt{
	box-flex: 1;
	-webkit-box-flex: 1;
	font-size: .875rem;
	color: #333;
	font-weight: bold;
	line-height: 2.75rem;
}
.notice .item{
	border-bottom: 1px solid #e5e5e5;
}
.notice .item a{
	font-size: .75rem;
	color: #333;
	display: block;
	padding: 1rem 1rem 1rem 0;
	line-height: 1.125rem;
	background: url(../images/ico_arrow_r.png) no-repeat center right;
	background-size: .5rem;
}
.notice .prompt{
	border-top: 2px solid #e9e6e6;
	padding-top: 1rem;
	margin-top: 2rem;

    font-size: .6rem;
    color: #333;
    line-height: 1.25rem;
}
.notice .prompt .tit{
	font-size: .75rem;
	color: #333;
	line-height: 1.25rem;
}
.notice .prompt ul{
	margin-top: .25rem;
}
.notice .prompt li{
	font-size: .75rem;
	color: #333;
	line-height: 1.25rem;
}


.download{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	display: block;
	height: 1.5rem;
	padding: .8125rem 0;
	background: #463436;
}
.download img{
	display: block;
	width: 100%;
}


/*文章详情*/
.article{
	margin: 0 1rem;
	padding: 1rem 0;
	border-top: 1px solid #666666;
}
.article .tit{
	font-size: 1rem;
	color: #333333;
	line-height: 1.25rem;
	font-weight: bold;
}
.article .cont{
	padding-top: 1.25rem;
}
.article .cont p{
	font-size: .875rem;
	color: #333333;
	line-height: 1.25rem;
	margin-bottom: 1.25rem;
}



/*设备分辨率兼容*/
@media only screen and (max-width: 360px) and (min-width: 321px){
  	html,body{font-size: 17px}
}
@media only screen and (max-width: 375px) and (min-width: 361px){
    html,body{font-size: 18px}
}
@media only screen and (max-width: 390px) and (min-width: 376px){
    html,body{font-size: 19px;}
}
@media only screen and (max-width: 415px) and (min-width: 391px){/*iphone6 plus*/
  	html,body{font-size: 20px;}
}
@media only screen and (max-width: 430px) and (min-width: 416px){/*部分android eg:LG optimus 424*753*/
    html,body{font-size: 21px;}
}
@media only screen and (max-width: 480px) and (min-width: 431px){/*iphone4横屏*/
    html,body{font-size: 22px;}
}
@media only screen and (max-width: 540px) and (min-width: 481px){/*部分android横屏*/
    html,body{font-size: 23px;}
}
@media only screen and (max-width: 570px) and (min-width: 541px){/*iphone5横屏568*/
    html,body{font-size: 24px;}
}
@media only screen and (min-width: 640px){ /*容器max-width*/
  	html,body{font-size: 25px;}
  	.w_screen{
		width: 640px;
		left: 50%;
		margin-left: -320px;
  	}
}